<template>
    <div>
        <h3>App</h3>
        <input v-model="text" type="text">
        <input :value="text" @input="inputFn" type="text">
        <hr>
        <input v-model="flag" type="checkbox">
        <input :checked="flag" @change="changeFn" type="checkbox">
        <hr>
        <Child v-model="text"></Child>
    </div>
</template>

<script>
import Child from '@/components/Child.vue'

export default {
    name:"App",
    components: {Child},
    data() {
        return {
            text:'v-model',
            flag:true,
            skill:['vue','react','angular','mp']
        }
    },
    methods: {
        inputFn(){
            this.text = event.target.value
        },
        changeFn(){
            this.flag = event.target.checked
        }
    }
}
</script>